ホームページの背景
今週は、ホームページ作成の初心者を対象にホームページの基本を紹介します。テーマは「ホームページの背景」です。ホームページでは、その背景に色をつけたり、背景に画像を敷き詰めることができます。

→ ホームページの背景色を指定する
 
ホームページの背景色は“白”で表示されるのが普通ですが、これを別の色に変更することも可能です。ホームページの背景色を変更する場合は、「BODY」タグにbgcolor属性を追加してください。bgcolor属性の値（色指定）は、文字の色を指定する場合と同じであり、RGBの16進数または色の名前で指定します。たとえば背景色“赤”とする場合は、「bgcolor="#FF0000"」または「bgcolor="red"」と指定します。
<HTML>
<HEAD>
  <TITLE>初めてのホームページ作成</TITLE>
</HEAD>

<BODY bgcolor="#FF0000">
<FONT size="4" color="#FFFFFF">
このページは背景色を赤に指定しています。
</FONT>
</BODY>

</HTML>


→ ホームページの背景に画像を使用する
 
ホームページの背景に画像を使用することも可能です。画像を背景とする場合は「BODY」タグにbackground属性を追加し、属性値に画像ファイル名を指定します。これでホームページの背景を画像にできます。
<HTML>
<HEAD>
  <TITLE>初めてのホームページ作成</TITLE>
</HEAD>

<BODY background="img01.gif">
<FONT size="4">
このページは背景に画像を指定しています。
</FONT>
</BODY>

</HTML>


→ 背景画像の繰り返しを制限する
 
ホームページの背景に指定した画像は、縦横に繰り返して表示されます。この繰り返し表示を制限したい場合は、「BODY」タグにstyle属性（スタイルシート）を追加します。繰り返し方法には、「repeat-x」（横方向のみ繰り返し）、「repeat-y」（縦方向のみ繰り返し）、「no-repeat」（繰り返しなし）、「repeat」（縦横に繰り返し）の4種類が用意されており、「style="background-repeat:（繰り返し方法）"」と入力することで繰り返し方法を指定できます。
<HTML>
<HEAD>
  <TITLE>初めてのホームページ作成</TITLE>
</HEAD>

<BODY background="img01.gif" style="background-repeat:repeat-y">
<FONT size="4">
このページは背景に画像を指定し、繰り返しを縦方向のみに制限しています。
</FONT>
</BODY>

</HTML>


PC�p�����y�����l���g�����������}�W�������������z �����������O�~�y�������������z Yahoo �y�V NTT-X Store

�����z�[���y�[�W �������N���W�b�g�J�[�h �C�O�i���q���� ���������[�� �C�O���s�����������I �C�O�z�e��